<!--
 * @Author: your name
 * @Date: 2020-11-27 17:09:27
 * @LastEditTime: 2020-11-27 17:21:14
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \angular-tour-of-heros\src\app\hero-detail\hero-detail.component.html
-->
<div *ngIf="hero">
    <h2>{{hero.name | uppercase}} Details</h2>
    <div><span>id: </span>{{hero.id}}</div>
    <div>
        <label>hero name:
            <input [(ngModel)]="hero.name" placeholder="name" />
        </label>
    </div>
</div>
<button (click)="goBack()">go back</button>